<!DOCTYPE html>
<html>
<head>
	<title>好友列表</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<meta charset="utf-8">
	<link rel="stylesheet" href="../static/css/main.css">
	<script src="../static/js/vue.js"></script>
	<script src="../static/js/axios.js"></script>
	<script src="../static/js/main.js"></script>
	<script src="../static/js/uuid.js"></script>
</head>
<body>
	<div class="app user setting" id="app">
    <div class="friends_list">
      <div class="item">
        <div class="avatar">
					<img class="avatar_bf" src="../static/images/avatar_bf.png" alt="">
					<img class="user_avatar" src="../static/images/avatar.png" alt="">
					<img class="avatar_border" src="../static/images/avatar_border.png" alt="">
				</div>
        <div class="info">
          <p class="username">长昵称都很好</p>
          <p class="fruit">果子：9,999.00</p>
        </div>
        <div class="behavior pick">摘</div>
        <div class="goto"><img src="../static/images/arrow1.png" alt=""></div>
      </div>
      <div class="item">
        <div class="avatar">
          <img class="avatar_bf" src="../static/images/avatar_bf.png" alt="">
          <img class="user_avatar" src="../static/images/avatar.png" alt="">
          <img class="avatar_border" src="../static/images/avatar_border.png" alt="">
        </div>
        <div class="info">
          <p class="username">长昵称都很好</p>
          <p class="fruit">果子：9,999.00</p>
        </div>
        <div class="goto"><img src="../static/images/arrow1.png" alt=""></div>
      </div>
      <div class="item">
        <div class="avatar">
					<img class="avatar_bf" src="../static/images/avatar_bf.png" alt="">
					<img class="user_avatar" src="../static/images/avatar.png" alt="">
					<img class="avatar_border" src="../static/images/avatar_border.png" alt="">
				</div>
        <div class="info">
          <p class="username">长昵称都很好</p>
          <p class="fruit">果子：9,999.00</p>
        </div>
        <div class="behavior protect">护</div>
        <div class="goto"><img src="../static/images/arrow1.png" alt=""></div>
      </div>
      <div class="item">
        <div class="avatar">
					<img class="avatar_bf" src="../static/images/avatar_bf.png" alt="">
					<img class="user_avatar" src="../static/images/avatar.png" alt="">
					<img class="avatar_border" src="../static/images/avatar_border.png" alt="">
				</div>
        <div class="info">
          <p class="username">长昵称都很好</p>
          <p class="fruit">果子：9,999.00</p>
        </div>
				<div class="behavior pick">摘</div>
        <div class="goto"><img src="../static/images/arrow1.png" alt=""></div>
      </div>
      <div class="item">
        <div class="avatar">
					<img class="avatar_bf" src="../static/images/avatar_bf.png" alt="">
					<img class="user_avatar" src="../static/images/avatar.png" alt="">
					<img class="avatar_border" src="../static/images/avatar_border.png" alt="">
				</div>
        <div class="info">
          <p class="username">长昵称都很好</p>
          <p class="fruit">果子：9,999.00</p>
        </div>
        <div class="goto"><img src="../static/images/arrow1.png" alt=""></div>
      </div>
      <div class="item">
        <div class="avatar">
					<img class="avatar_bf" src="../static/images/avatar_bf.png" alt="">
					<img class="user_avatar" src="../static/images/avatar.png" alt="">
					<img class="avatar_border" src="../static/images/avatar_border.png" alt="">
				</div>
        <div class="info">
          <p class="username">长昵称都很好</p>
          <p class="fruit">果子：9,999.00</p>
        </div>
        <div class="goto"><img src="../static/images/arrow1.png" alt=""></div>
      </div>
      <div class="bottom"></div>
    </div>
	</div>
	<script>
	apiready = function(){
    var game = new Game("../static/mp3/bg1.mp3");
    // 在 #app 标签下渲染一个按钮组件
    Vue.prototype.game = game;
		new Vue({
			el:"#app",
			data(){
				return {
          friends:[],
          page: 1,
					prev:{name:"",url:"",params:{}},
					current:{name:"friend_list",url:"friend_list.html",params:{}},
				}
			},
			created(){
        this.get_friends();
			},
			methods:{
				get_friends(){
          // 获取好友列表数据
          // api.setRefreshHeaderInfo({
          //     loadingImg: 'widget://image/refresh.png',
          //     bgColor: null,
          //     textColor: '#fff',
          //     textDown: '下拉刷新...',
          //     textUp: '松开刷新...'
          // }, (ret, err)=>{
          //     // 在这里从服务器加载数据，加载完成后调用api.refreshHeaderLoadDone()方法恢复组件到默认状态
          //     api.refreshHeaderLoadDone();
          // });
				},
        goto_home(){
          // 退出当前页面
          this.game.closeFrame();
        },
			}
		});
	}
	</script>
</body>
</html>
